@charset "utf-8";

/* CSS Document */


/*
html{
    width:100%;
    height:100%;
    min-width: 1440px;
    overflow: hidden;
}
*/

body {
    position: relative;
    width: 100%;
    /*    height:100%;*/
    /*    overflow: scroll;*/
    font-size: 14px;
    min-width: 1200px;
}


/*head*/

.backimage {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    overflow: hidden;
    min-width: 1080px;
    /*    z-index: -1;*/
}

.backimage img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.head {
    position: absolute;
    width: 100%;
    top: 0;
}


/*nav*/

.nav_box h1 {
  
     width: 273px;
    margin-top: 19px;
    margin-bottom: 9px;
    margin-left: 0px;
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.nav_box h1 a {
    display: block;
    width: 251px;
    height: 62px;
    position: relative;
    text-indent: 11px;
}

.nav_box {
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000)
}

.chengeNav {
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);
}

.chengeNav h1 {
   
}

.nav_r {
    position: relative;
    height: 100%;
}

.nav_r .menu {
    display: none;
}

.nav_r .link {
    position: static;
    z-index: 1;
    background: none;
    height: auto;
}

.nav_r .link a {
    font-size: 14px;
    /*            wy*/
    /*			color:#000; */
    color: #fff;
    line-height: 80px;
    margin-left: 75px;
    opacity: 0.5;
    filter: alpha(opacity=50);
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
}

.chengeNav .nav_r .link a {
    line-height: 90px;
    color: #000;
}



.logo {
    display: block;
    color: #fff;
    width: 100%;
    height: 100%;
    font-size: 20px!important;
}


/*        wy*/

.chengeNav .logo {
    color: #2888ff;
}

.nav_r .wy a {
    color: #fff;
}

.otherBanner {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: -1;
    overflow: hidden;
}

.nav_r .link a.cur,
.nav_r .link a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.head .line {
    border-bottom: 1px solid #000;
    opacity: 0.1;
    filter: alpha(opacity=10);
    position: relative;
    top: 80px;
    left: 0;
}

.head-contact {
    padding: 8px 15px;
    /*    background: #2888FF;*/
    border: 1px solid #f2f2f2;
    border-radius: 30px;
    line-height: 30px;
}

.head-contact:hover {
    background: #2888FF;
    color: #fff!important;
    border: 1px solid #2888FF;
}

.head-contact .icon {
    font-size: 16px;
    margin-right: 7px;
}

.head-contact-box {
    opacity: 0;
    position: absolute;
    top: 85px;
    right: 0px;
    width: 400px;
    height: 353px;
    background: #fff;
    z-index: 500;
    text-align: center;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
    
}
.head-contact-box.show{
    top:71px;
    opacity: 1;
    transition: all 1.1s cubic-bezier(.19,1,.22,1) 0.1s;
    -webkit-transition: all 1.1s cubic-bezier(.19,1,.22,1) 0.1s;
    
}
.head-contact-box .box-title {
    font-size: 12px;
    color: #666666;
    line-height: 60px;
}

.head-contact-box ul {
    display: block;
    width: 100%;
    height: 240px;
    position: relative;
}

.head-contact-box ul:before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background: #F3F3F8;
    top: 123px;
    left: 0;
}

.head-contact-box ul:after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 270px;
    background: #F3F3F8;
    top: 0;
    left: 200px;
}

.head-contact-box li {
    float: left;
    width: 50%;
    height: 120px;
    font-size: 12px;
    color: #333333;
}

.head-contact-box .icon-box {
    width: 26px;
    height: 26px;
    line-height: 26px;
    margin: 0 auto;
    margin-top: 28px;
    margin-bottom: 12px;
}

.head-contact-box .icon-box .icon {
    font-size: 26px;
}

.head .title {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.banner-content {
    font-size: 36px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
}

.wedo_box {
    margin-top: 100vh;
    background: #fff;
    z-index: 2;
    overflow: hidden;
    min-width: 1080px;
    /*    margin-top:100vh;*/
}

.wedo {
    background: #fff;
}

.case,
.acticle {
    overflow: hidden;
}

.case {
    min-width: 1080px;
    background: #fff;
}

.wedo .title,
.case .title,
.contact .title,
.foot .title {
    height: 100px;
    margin-top: 120px;
    text-align: center;
}

.case .title {
    margin-top: 68px;
}

.acticle {
    background: url(../image/xxb.jpg) no-repeat center bottom;
    background-size: auto 100%;
}

.acticle .title {
    margin-top: 48px;
    text-align: center;
    height: 50px;
}

.acticle-list {
    margin-right: -55px;
    padding-top: 30px;
    padding-bottom: 40px;
    padding-right: 25px;
}

.acticleLi {
    float: left;
    width: 33.33%;
    padding-right: 30px;
    box-sizing: border-box;
}

.acticleLi:hover .act-title {
    color: rgb(0, 179, 255);
}
.article-title{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.acticleLi img {
    width: 100%;
    float: left;
}

.acticleLibox {
    padding: 0 30px;
    border: 1px solid #ededed;
    border-top: 0;
    padding-bottom: 45px;
    background: rgba(255, 255, 255, .9);
    overflow: hidden;
}

.act-title {
    display: block;
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin: 25px 0 14px 0;
    transition: all 0.5s;
}

.acticleLi-content {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transform: translate3d(0, 0px, 0);
    -ms-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0px, 0);
    transform: translate3d(0, 0px, 0);
}

.acticleLi-content:hover {
    box-shadow: 0 25px 30px #ccc;
    border-color:#fff;
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

.act-cotent {
    font-size: 12px;
    line-height: 34px;
    height: 100px;
    color: #878787;
    margin-bottom: 20px;
    text-align: justify;
}

.acticle-content .morecase {
    display: block;
    background-color: transparent;
    color: #333333;
    width: 232px;
    height: 52px;
    border: 4px solid rgba(51, 51, 51, .1);
    margin: 40px auto 174px;
    font-size: 14px;
    line-height: 52px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    margin-left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.acticle-content .morecase:hover {
    background-color: #00b3ff;
    color: #fff;
    border: 4px solid #00b3ff;
}

.acticleLi-content img {
    width: 100%;
}

.act-bottom {
    overflow: hidden;
}

.act-time {
    float: left;
    font-size: 13px;
    color: #878787;
}

.act-more {
    float: right;
    font-size: 13px;
    color: #878787;
    cursor: default;
}

.wedo .title span,
.case .title span,
.contact .title span,
.acticle .title span,
.foot .title span {
    font-size: 20px;
    line-height: 20px;
    margin: 0 25px 0 25px;
}
.wedo .title h1,
.case .title h2,
.contact .title h2,
.acticle .title h2,
.foot .title h2 {
    display: inline-block;
    font-weight: normal;
    font-size: 20px;
    line-height: 20px;
    margin: 0 25px 0 25px;
}
.wedo .title .iphoneshow,
.case .title .iphoneshow,
.foot .title .iphoneshow {
    display: none;
}

.wedo .con {
    margin-right: -65px;
    position: relative;
    zoom: 1;
}

.wedo .con li {
    width: 33%;
    margin-bottom: 62px;
}

.wedo .con li a {
    width: calc(100% - 62px);
    margin-right: 62px;
    position: relative;
    height: 260px;
    border: 1px solid #ccc;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
    -webkit-transform: translate3d(0, 0px, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    cursor: default;
}

.wedo .con li a:hover {
    box-shadow: 0 25px 35px #ccc;
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

.con1 {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    margin-top: 65px;
    margin-bottom: 48px;
    font-size: 50px;
    color: #ff0000;
}

.con-content {
    text-align: center;
    font-size: 15px;
    color: #666;
    font-weight: 600;
    margin-bottom: 17px;
}

.con-bottom {
    text-align: center;
    font-size: 10px;
    color: #666;
    font-weight: 600;
}

.con2 {
    display: block;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
    margin-top: 65px;
    margin-bottom: 46px;
    font-size: 48px;
    color: #00a0e4;
}

.color3 {
    color: #9dd327;
}

.color4 {
    color: #f08013;
}

.color5 {
    color: #9b5dcc;
}

.color6 {
    color: #1fc3b6;
}

.wedo .con li a img.hide {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    box-shadow: 5px 5px 20px 0 #666;
}

.case .case_con {
    background: #fff;
    margin: 0 35px;
    margin-right: -5px;
}

.works-box a {
    width: 25%;
    position: relative;
    overflow: hidden;
}

.case .case_con a {
    display: block;
    width: 33%;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 30px;
    animation: caseMove .5s ease;
/*     border: 1px solid #f2f2f2;*/
}

.case-box {
    margin-right: 30px;
    position: relative;
    overflow: hidden;
}

.case .case_con a img,
.works-box a img {
    width: 100%;
}

.case-img {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.case-img {
    width: 100%;
    display: block;
    overflow: hidden;
    -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
    transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000);
}

.case-img img {
    width: 100%;
}

.case .case_con a:hover .case-img {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}


/*
.works-box a:hover .case-img{
    transform:scale3d(1.1, 1.1, 1);
}
*/

.case .case_con a .opa {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0);
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 50px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.works-box .opa {
    display: block;
    overflow: hidden;
    position: relative;
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
   
}

.case .case_con a .opa:hover {
    background: rgba(0, 179, 255, 0.8);
}

.case .case_con a .opa .toptext {
    width: 100%;
    height: 44px;
    text-align: left;
    line-height: 44px;
    font-size: 2em;
    position: absolute;
    left: 0;
    bottom: 40px;
    margin-top: -21px;
    opacity: 0;
    filter: alpha(opacity=0);
    text-indent: 24px;
    -webkit-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);
    -moz-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);
    -ms-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);
    transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);
}

.works-box a .opa .toptext {
    display: block;
    width: 100%;
    height: 44px;
    text-align: left;
    line-height: 44px;
    font-size: 18px;
    text-indent: 18px;
    font-weight: normal;
}

.case .case_con a .opa:hover .toptext {
    bottom: 59px;
    opacity: 1;
    filter: alpha(opacity=1);
}

.case .case_con a .opa .line,
.works-box a .opa .line {
    width: 60px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    bottom: 46px;
    left: 24px;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);
    -moz-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);
    -ms-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);
    transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);
}

.works-box a .opa .line {
    opacity: 1;
    height: 1px;
    filter: alpha(opacity=1);
    left: 18px;
}

.case .case_con a .opa:hover .line {
    bottom: 55px;
    opacity: 1;
    filter: alpha(opacity=1);
}

.case .case_con a .opa .line>span,
.works-box a .opa .line>span {
    display: block;
    width: 60px;
    height: 4px;
    margin: 0 auto;
    background: #fff;
    overflow: hidden;
}

.works-box a .opa .line>span {
    height: 1px;
    background: rgba(0, 0, 0, .5);
}

.case .case_con a .opa .bottomtext {
    width: 100%;
    height: 40px;
    text-align: left;
    text-indent: 24px;
    line-height: 40px;
    font-size: 10px;
    position: absolute;
    bottom: -3px;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);
    -moz-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);
    -ms-transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);
    transition: all 0.5s cubic-bezier(0.300, 0.100, 0.600, 1.000);
}

.case .case_con a .opa:hover .bottomtext {
    bottom: 16px;
    opacity: 1;
    filter: alpha(opacity=1);
}

.works-box a .opa .bottomtext {
    display: block;
    width: 100%;
    height: 40px;
    text-align: left;
    text-indent: 18px;
    line-height: 40px;
    font-size: 10px;
    color: #808080;
}


/*
.works-box a .opa:hover .bottomtext{
     bottom:16px;
     opacity: 1;
    filter: alpha(opacity=1);
}
*/

.case .morecase {
    background-color: rgb(255, 255, 255);
    color: #333333;
    width: 232px;
    height: 52px;
    border: 4px solid rgba(51, 51, 51, .1);
    margin: 70px auto 152px;
    font-size: 14px;
    line-height: 52px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.case .morecase:hover {
    background-color: #00b3ff;
    color: #fff;
    border: 4px solid #00b3ff;
}

.youneed .submit:hover {
    background-color: #00b3ff;
    color: #fff;
    border: 1px solid #00b3ff;
}

.footerBox {
    margin: 0 auto;
    overflow: hidden;
    background: url(../image/xxbg.png) no-repeat center center;
    -moz-background-size: cover;
    background-size: cover;
    min-width: 1080px;
}

.foot {
    margin: 0 auto;
    overflow: hidden;
    min-width: 1080px;
}

.youinfo {
    zoom: 1;
    margin-bottom: 30px;
    margin-right: -29px;
}

.youinfo li {
    width: 25%;
    box-sizing: border-box;
    padding-right: 29px;
}

.youinfo li p,
.youneed p {
    font-size: 16px;
    height: 31px;
}

.youinfo li input {
    display: block;
    width: 100%;
    height: 60px;
    border: 4px solid #F2F2F2;
    text-indent: 1em;
    background: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    font-size: 14px;
    color: #000;
    transition: all .5s;
}

.youneed .inf-msg {
    display: block;
    width: 100%;
    height: 120px;
    border: 4px solid #F2F2F2;
    text-indent: 1em;
    background: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    font-size: 14px;
    resize: none;
    padding: 20px 0;
}

.youneed .submit {
    width: 240px;
    height: 60px;
    border: 4px solid rgba(51, 51, 51, .1);
    cursor: pointer;
    font-size: 15px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    display: block;
    margin: 60px auto 159px;
}

.meinfo {
    margin-top: 100px;
    height: 211px;
    position: relative;
}

.meifoBox {
    position: relative;
}

.meinfo-icon {
    margin-top: 54px;
}

.meinfo-icon i {
    font-size: 26px;
    margin-right: 13px;
    cursor: pointer;
}


/*.meinfo-icon i:last-child{margin-right:0; }*/

.meinfo-icon i:hover {
    opacity: 0.5;
}

.ewm {
    position: absolute;
    width: 172px;
    line-height: 38px;
    font-size: 12px;
    text-align: center;
    top: 0;
    right: 0;
    color: #111111;
}

.ewm img {
    width: 100%;
}

.foot-connect {
    display: inline-block;
    overflow: hidden;
    margin-bottom: 100px;
}

.foot-li {
    float: left;
    box-sizing: border-box;
    width: 368px;
    height: 368px;
    border: 4px solid #F8F8F8;
    position: relative;
}
.foot-li:hover .erwei{
    opacity: 1;
}
.foot-li:hover .erwei img{
    margin-top:0;
}
.erwei{
  position: absolute;
    top:0;
    left:0;
  width:100%;
  height:100%;
  text-align: center;
  vertical-align: middle;
    line-height: 368px;
  background: #fff;
    opacity: 0;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    transition:all .5s;
}
.erwei img{
    display: inline-block;
    width:230px;
    vertical-align:middle;
    margin-top:20px;
     -webkit-transition:all .5s;
    -moz-transition:all .5s;
    -ms-transition:all .5s;
    transition:all .5s;
}
.foot-li .name {
    font-size: 12px;
    line-height: 12px;
    margin-top: 20px;
    margin-bottom: 12px;
    color: #000000;
}

.foot-li .number {
    color: #999999;
    font-size: 16px;
}

.wy_line {
    background: #000;
}

.share {
    display: none;
    position: fixed;
    bottom: 106px;
    right: 30px;
    margin-top: -120px;
    width: 40px;
    border-bottom: none;
    z-index: 10;
    
}
.overflow{
/*    overflow: hidden;*/
}
.share a:hover {
    border: 1px solid #2888FF;
    box-shadow: none;
    color: #fff;
    background: #2888FF;
}

.share a:hover .tip {
    opacity: 1;
    
}

.share a {
    position: relative;
    display: block;
    /*        height:43px;*/
    width: 38px;
    height: 38px;
    line-height: 38px;
    /*    border-bottom: 1px solid #acacac;*/
    text-align: center;
    /*		padding-top:15px; */
    /*
    padding: 0 4px;
    padding-top: 4px;
*/
    margin-bottom: 12px;
    position: relative;
    border: 1px solid #f2f2f2;
    /*    box-shadow:0 13px 24px 4px rgba(0,0,0,0.3);*/
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    background: #fff;
}

.share a .tip {
    opacity: 0;
    position: absolute;
    top: 0;
    width: 94px;
    right: 54px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background: #2888FF;
     -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.share a .tip:after {
    content: '';
    position: absolute;
    right: -10px;
    top: 15px;
    display: block;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-left: 5px solid #2888FF;
}

.share a.show {
    background: #2888FF;
    border: 1px solid #2888FF;
    color: #fff;
}
.slide-showbox{
    display: none;
}
.slide-message {
    display: none;
    opacity: 0;
    width: 360px;
    height: 536px;
    position: absolute;
    bottom: 0px;
    right: 50px;
    background: #fff;
    z-index: 1000;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.1);
   
}
.slide-message.show{
    opacity: 1;
    bottom:12px;
     transition: all 1.1s cubic-bezier(.19,1,.22,1) 0.1s;
    -webkit-transition: all 1.1s cubic-bezier(.19,1,.22,1) 0.1s;
}
.slide-content {
    width: 100%;
    height: 600px;
}

.slide-title {
    text-align: center;
    color: #666;
    line-height: 70px
}

.slide-message ul {
    width: 100%;
}

.slide-message ul li {
    display: block;
    width: 320px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.slide-message input {
    display: block;
    text-indent: 10px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    border: 1px solid rgba(223, 223, 223, 1);
    color: #666666;
}

.slide-message textarea {
    display: block;
    width: 100%;
    height: 150px;
    font-size: 14px;
    box-sizing: border-box;
    padding: 14px 11px;
    border: 1px solid rgba(223, 223, 223, 1);
}

.slide-message input[type="button"] {
    display: block;
    width: 320px;
    height: 45px;
    cursor: pointer;
    text-align: center;
    line-height: 45px;
    background: #2888FF;
    margin: 0 auto;
    color: #fff;
}


/*wy*/

#arrow-left,
#arrow-right {
    display: inline-block;
    box-sizing: border-box;
    cursor: pointer;
    width: 300px;
    height: 110px;
    text-align: center;
    cursor: pointer;
    transition: all 0.5s;
}

#arrow-left {
    float: left;
}

#arrow-right {
    float: right;
}

#arrow-left:hover {
    background: rgb(0, 179, 255);
    color: #fff;
}

#arrow-left:hover .name {
    color: #fff;
}

#arrow-left {
    float: left;
    padding-left: 48px;
    border-right: 1px solid #ccc;
}

#arrow-right {
    float: right;
    padding-right: 48px;
    border-left: 1px solid #ccc;
}

#arrow-right:hover {
    background: rgb(0, 179, 255);
    color: #fff;
}

#arrow-left i,
#arrow-left span {
    float: left;
}

#arrow-right:hover .name {
    color: #fff;
}

#arrow-right i,
#arrow-right span {
    float: right;
}

#arrow-left i {
    margin-right: 20px;
}

#arrow-right i {
    margin-left: 20px;
}

.title-btn-icon {
    display: block;
    width: 35px;
    height: 3px;
    background: #000;
}

.title-btn-icon:nth-child(1) {
    transform: rotate(45deg) translateX(2px);
}

.title-btn-icon:nth-child(2) {
    transform: rotate(315deg) translateX(2px);
}


/*导航和foot处理*/

@media(min-width:750px) {
    .W {
        width: 100%;
        min-width: 1200px;
        margin: 0 auto;
    }
    .nav {
        box-sizing: border-box;
        width: 1200px!important;
        margin: 0 auto;
        overflow: hidden;
    }
    .case .case_con .work-item.show {
        display: block;
    }
    .case .case_con .work-item.hide {
        display: none;
    }
    .case .case_con .work-item.last {
        display: none;
    }
}

@media(min-width:1440px) {
    .nav_box {
        box-sizing: border-box;
        padding: 0 120px;
    }
    .nav {
        box-sizing: border-box;
        width: 80%!important;
        margin: 0 auto;
    }
}

@media(min-width:1920px) {
    .case .case_con a {
        width: 25%;
    }
    .case .case_con .work-item.last.show {
        display: block;
    }
    .case .case_con .work-item.last.hide {
        display: none;
    }
}

.caseMove {
    animation: caseMove .5s ease;
}

@keyframes caseMove {
    0% {
        transform: scale(0.8)
    }
    100% {
        transform: scale(1)
    }
}

@-webkit-keyframes caseMove {
    0% {
        transform: scale(0.8)
    }
    100% {
        transform: scale(1)
    }
}


/*滚动条*/

.scroll {
    display: none;
    background: #111;
    padding: 3px 8px;
    color: #fff;
    font-size: 16px;
    position: fixed;
    top: 10px;
    right: 10px;
    border-radius: 3px;
    z-index: 5000;
}

.scroll:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: -8px;
    height: 0;
    width: 0;
    margin-top: -4px;
    border: 4px solid transparent;
    border-left-color: #111;
}

input,
textarea {
    -webkit-transition: all .5s;
    transition: all .5s;
}

input:hover {
    border-color: #2888FF!important;
}

textarea:hover {
    border-color: #2888FF!important;
}

 ::-webkit-scrollbar {
    width: 12px;
}

 ::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}

 ::-webkit-scrollbar-thumb {
    background-color: rgb(17, 17, 17);
}

 ::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}


/*关于
*/

.about-box {
    background: #fff;
    overflow: hidden;
    text-align: center;
}

.about-box .iconbox {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 60px;
}

.about-box .iconbox .icon {
    font-size: 120px;
    text-align: center;
    color: #333333;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.about-box .iconbox .icon:hover {
    color: #2888FF;
    ;
}

.about-box .title {
    display: inline-block;
    font-size: 40px;
    color: #333333;
    text-align: center;
    line-height: 40px;
    font-weight: normal;
}

.about-box .tip {

margin:0 auto;
    text-align: left;
    color: #333;
    line-height: 30px;
    margin-top: 30px;
    font-size:14px;
    font-weight: normal;
}


.about-box .tip{

    width: 1200px;
    margin: 0 auto;
    margin-top: 60px;
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    line-height: 32px;

    
}


.tip .sub-title {
    
    margin-top: 26px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #999999;
}

.tip .slogan {
    width: 1200px;
    height: 82px;
    margin: 0 auto;
    margin-top: 30px;
     margin-bottom:50px;
    text-align: center;
    line-height: 82px;
    font-size: 18px;
    font-weight: 500;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-top: 1px solid #E6E6E6;
    border-bottom: 4px solid #222222;
}

.tip .title {
     display: block;
    margin-top: 80px;
    font-size: 36px;
    font-weight: 500;
    text-align: center;
}


.about-box .block-title {
    font-size: 20px;
    line-height: 20px;
    margin: 200px 0 80px;
}
.about-box .block-title h2{
    font-weight: normal;
    display: inline;
    font-size:20px;
}
.about-box .block-box {
    width: 100%;
    padding-bottom: 120px;
    max-width: 1440px;
    background: url(../svg/gy_fwbg.svg) no-repeat center center;
    background-size: 100%;
    animation: bgAnimate 10s ease infinite;
}
/*
@keyframes bgAnimate{
    0%{
        background-position:0 % 54%;
    }
    25%{
       background-position: center center;
    }
    50%{
        background-position: 46% 46%;
    }
    75%{
        background-position: 46% 54%;
    }
    100%{
         background-position: center center;
    }
}
*/
.about-box .block-middle {
    display: -webkit-flex;
    display: flex;
    width: 816px;
    margin: 0 auto;
    justify-content: space-between;
}

.about-box .block-item {
    width: 250px;
    height: 406px;
    border: 1px solid rgba(242, 242, 242, 1);
    overflow: hidden;
    -webkit-transition: all .5s;
    transition: all .5s;
    background:#fff;
}

.about-box .block-item:hover {
    box-shadow: 0 25px 35px #ccc;
    border-color:#fff;
    -webkit-transform: translate3d(0, -10px, 0);
    -moz-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
}

.about-box .block-item ul {
    margin-top: 25px;
    background: #fff;
}

.about-box .block-item li {
    font-size: 12px;
    color: #333;
    line-height: 30px;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.about-box .block-item li a,.about-box .block-item li strong{
   font-size: 12px;
    color: #333;
    line-height: 30px;
    font-weight: normal;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.about-box .block-item li:hover a{
    color: #2888FF;
}
.about-box .block-item li:hover strong{
    color: #2888FF;
}
.about-box .time-box {
    width: 100%;
    height: 460px;
    background: url(../image/about-bottom.jpg) no-repeat center center;
    background-size: cover;
    text-align: center;
    background-attachment: fixed;
}

.about-box .time-box .middle {
    display: inline-block;
    margin: 0 auto;
/*    overflow: hidden;*/
    margin-top: 180px;
}

.about-box .time-box .middle .item {
    float: left;
}

.about-box .time-box .middle .item .top {
    font-size: 60px;
    color: #fff;
    line-height: 46px;
    position: relative;
    padding-right: 14px;
    margin-bottom: 39px;
}
.about-box .time-box .middle .item .top i{
    font-style: normal;
}
.about-box .time-box .middle .item .top span {
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 12px;
    font-size: 12px;
    color: #fff;
}

.about-box .time-box .middle .item .bottom {
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.about-box .item.year {
    margin-right: 183px;
}

.about-box .item.team {
    margin-right: 204px;
}

.about-box .item.curstormer {
    margin-right: 200px;
}

.userType {
    padding-bottom: 359px;
    background: url(../image/jb.jpg) no-repeat center bottom;
    /*    background-size:100% auto;*/
}

@keyframes hover {
    50% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@-webkit-keyframes hover-shadow {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4;
    }
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4;
    }
}

@keyframes hover-shadow {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4;
    }
    50% {
        -webkit-transform: translateY(3px);
        transform: translateY(3px);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
        opacity: .4;
    }
}

.hover-shadow {
    display: inline-block;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.hover-shadow:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 0;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    transition-property: transform, opacity;
}

.hover-shadow:hover,
.hover-shadow:focus,
.hover-shadow:active {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
    -webkit-animation-name: hover;
    animation-name: hover;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.hover-shadow:hover:before,
.hover-shadow:focus:before,
.hover-shadow:active:before {
    opacity: .4;
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-animation-name: hover-shadow;
    animation-name: hover-shadow;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.userType .title {
    font-size: 20px;
    text-align: center;
    line-height: 20px;
    margin: 149px auto 59px;
}
.userType .title h2{
    font-size:20px;
    font-weight: normal;
    display: inline;
}

.userType-box {
    width: 974px;
    margin: 0 auto;
}

.userType-box li {
    font-size: 14px;
    color: #333333;
    float: left;
    padding: 10px;
    margin-right: 14px;
    margin-bottom: 20px;
    border: 1px solid rgba(242, 242, 242, 1);
}
.userType-box li:hover{
    color:#fff;
    background:#000;
}
.userType .wechart {
    display: block;
    width: 240px;
    height: 60px;
    color: #fff;
    margin: 0 auto;
    background: #2888FF;
    text-align: center;
    line-height: 60px;
    margin-top: 177px;
}


/*空间*/

.room {
    background: #fff;
}

.room .banner-about {
    position: relative;
}

.room .banner-about img {
    width: 100%;
}

.room .banner-about .banner-text {
    width: 213px;
    color: #fff;
    font-size: 63px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.roomIcon {
    width: 1200px;
    height: 120px;
    border-bottom: 1px solid #e5e5e5;
   
    background: #fff;
    margin:0 auto;
    padding:5px 0;
     margin-bottom: 30px;
    /*    min-width: 1080px;*/
}

.roomIcon ul {
    width: 884px;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.roomIcon ul li {
    float: left;
    width: 104px;
    height: 100%;
    margin-right: 52px;
    text-align: center;
    font-size: 14px;
    color: #7f7f7f;
    cursor: pointer;
}
.roomIcon ul li a{
    color: #7f7f7f; 
}
.roomIcon .border-bottom {
    width: 104px;
    height: 2px;
    position: absolute;
    left: 0;
    bottom: -5px;
    background: #000;
    margin: 0;
    transition: all 0.5s;
}

.roomIcon ul li:nth-child(6) {
    margin-right: 0;
}

.roomIcon ul li i {
    font-size: 27px;
    margin: 30px 0 23px 0;
}

.roomIcon .Icon-box {
    margin: 30px 0 25px 0;
}

.roomIcon ul .active {
    color: #000;
    position: relative;
}
.roomIcon ul .active a{
    color:#000;
}
embed {
    width: 100%;
}


/*.roomIcon ul .active:after{content:'';display:block;position:absolute;bottom:0;width:100%;height:2px;background:#000;left:0;}*/

.roomLeft {
    width: 73.3333%;
    float: left;
}

.roomRight {
    width: 26.6666%;
    padding-left: 20px;
    box-sizing: border-box;
    float: right;
}

.roomLeft li {
    float: left;
    width: 50%;
    padding-right: 30px;
    margin-bottom: 30px;
    box-sizing: border-box;
}

.room-bg {
    width: 100%;
    padding-bottom: 378px;
    background: url(../image/jb.jpg) no-repeat center bottom;
}

.roomLeft li img {
    width: 100%;
}

.roomRight .search {
    /*    padding: 15px;*/
    background: #fff;
    position: relative;
}

.roomRight .title {
    font-size: 14px;
    color: #333333;
    line-height: 14px;
    position: relative;
    font-weight: 600;
    padding-top: 21px;
    margin-top: 50px;
    padding-bottom: 30px;
}

.roomRight .title:before {
    content: '';
    display: block;
    position: absolute;
    width: 30px;
    height: 0;
    border-top: 1px solid #333333;
    left: 0;
    top: 0;
}

.search-input {
    width: 100%;
    height: 60px;
    background: #fff;
    text-indent: 16px;
    font-size: 14px;
    box-sizing: border-box;
    border: 4px solid rgba(51, 51, 51, .1);
}

.search span {
    display: block;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
    transition: all 0.5s;
    color: rgba(0, 0, 0, .5);
}

.search span:hover {
    color: #2888ff;
}

.search-content {
    background: #fff;
    padding-bottom: 48px;
    border-bottom: 1px solid rgba(242, 242, 242, 1);
}

.search-content a {
    display: block;
    line-height: 42px;
    font-size: 12px;
    padding-left: 20px;
    overflow: hidden;
    position: relative;
}
.search-content h2{
   font-size: 12px; 
    font-weight: normal;
}
.search-content a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -2px;
    width: 3px;
    height: 3px;
    background: #333333;
    border-radius: 50%;
}

.search-href {
    display: block;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.search-href:hover {
    color: #2888FF;
}

.search-time {
    float: right;
    color: #7f7f7f;
}

.portfolio {
    display: none;
}

#searchList {
    display: none;
}

#searchList .portfolio {
    display: block;
}

.roomRight .source-list {
    margin-right: -11px;
    overflow: hidden;
}

.source-more,
.move-more {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    line-height: 32px;
    font-size: 12px;
    color: #666666;
    text-align: center;
    margin-top: 10px;
    border: 4px solid rgba(51, 51, 51, .1);
    cursor: pointer;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.source-more:hover {
    background: #2888FF;
    color: #fff;
    border-color: #2888FF;
}

.move-more:hover {
    background: #2888FF;
    color: #fff;
    border-color: #2888FF;
}

.move-more {
    margin-top: 0;
}

.roomRight .source {
    float: left;
    width: 145px;
    height: 81px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
    background-position: center center;
    background-size: cover;
    cursor: pointer;
}

.roomRight .source:hover .des {
    opacity: 1;
}

.roomRight .source .des {
    position: absolute;
    opacity: 0;
    width: 100%;
    font-size: 12px;
    box-sizing: border-box;
    padding: 0 12px;
    line-height: 81px;
    height: 100%;
    background: #2888FF;
    color: #fff;
    -webkit-transition: all .5s;
    transition: all .5s;
    vertical-align: middle;
}

.roomRight .source .des span {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
}

.move-item {
    display: block;
    overflow: hidden;
    height: 64px;
    padding-bottom:20px;
}

.move-item .move-cover {
    float: left;
    width: 100px;
    height: 64px;
    margin-right: 15px;
    background-size: cover;
    background-position: center center;
}

.move-right {
    float: left;
    margin-top:5px;
    width: 184px;
}

.move-item .move-title {
    font-size: 14px;
    color: #333333;
    line-height: 14px;
    margin-bottom: 9px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.move-item .move-des {
    color: #999999;
    font-size: 12px;
    line-height: 18px;
}


/*首页添加*/

.end {
    padding-bottom: 380px;
    background: url(../image/xxbg.png) no-repeat center bottom;
}

.imgbox {
    position: relative;
}

.bannerBox {
    position: absolute;
}

.imgbox .title {
    font-size: 60px;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.imgbox .titleB {
    font-size: 16px;
}

.imgbox .imgLeft {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #fff;
    left: 0;
    top: 50%;
    margin-top: -20px;
    z-index: 5000;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    opacity: 0;
    filter: opacity(0);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.backimage:hover .imgLeft {
    opacity: 1;
    filter: opacity(1);
}

.imgLeft i {
    display: block;
}

.imgbox .imgRight {
    position: absolute;
    width: 40px;
    height: 40px;
    background: #fff;
    right: 0;
    top: 50%;
    margin-top: -20px;
    z-index: 5000;
    text-align: center;
    opacity: 0;
    filter: opacity(0);
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.backimage:hover .imgRight {
    opacity: 1;
    filter: opacity(1);
}


/*文章详情页*/

.article-box {
    position: relative;
    width: 75%;
    max-width: 1280px;
    min-width: 1080px;
    margin: 0 auto;
    background: #fff;
    padding: 80px 90px 270px;
    margin-top: -80px;
    box-sizing: border-box;
}

.artbox {
    margin-right: 30px;
}

.artbox img {
    width: 100%;
}

.art-title {
    padding: 0 30px;
    line-height: 83px;
    background: #fff;
    overflow: hidden;
}

.art-title .left {
    float: left;
    color: #000;
    font-size: 22px;
}

.art-title .right {
    float: right;
    color: #999999;
    font-size: 11px;
    letter-spacing: 2px;
}

.art-title .right a {
    color: #2689fe;
}

.art-content {
    padding: 26px 30px;
    font-size: 14px;
    line-height: 33px;
}
.article-box .artcontent-link a{
    font-size:12px;
    color:#333;
    margin:0 5px;
     -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    
}
.article-box .artcontent-link span{
    font-size:12px;
    color:#999;
    margin:0 5px;
}
.article-box .artcontent-link a:hover{
    color:#2888ff;
}
.artcontent-link {
    margin-bottom:30px;
}
.artcontent {
    background: #fff;
    padding: 0 30px;
}

.art-read {
    height: 100px;
    line-height: 100px;
    padding: 0 30px;
    background: #fff;
    font-size: 14px;
    color: #a1a1a1;
}

.art-read .read-share {
    float: right;
}


/*联系我们*/

.banner-contract {
    position: relative;
    width: 100%;
}

.banner-contract img {
    width: 100%;
}

.banner-contract .banner-text {
    width: 384px;
    color: #fff;
    font-size: 63px;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


/*footer*/

footer {
    width: 100%;
    height: 600px;
    min-width: 1200px;
    position: relative;
    overflow: hidden;
    background: url(../image/db_bg.png) no-repeat center center;
/*    background-size: cover;*/
    background-color: #242424;
}

.footer-logo {
    color: #fff;
    position: absolute;
        left: 0px;
    top: 87px;
    font-size: 24px;
}

.footer-nav {
    margin-left: 250px;
    margin-top: 97px;
    /*    overflow: hidden;*/
}

.footer-nav .list {
    float: left;
}

.footer-nav .list li {
    color: #fff;
    opacity: 0.5;
    font-size: 12px;
    line-height: 12px;
    
    margin-bottom: 24px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.footer-nav .list li a {
    color: #fff;
    font-size: 12px;
    position: relative;
}

.footer-nav .list li i {
    font-style: normal;
}
.footer-nav .list li p{
    display: inline-block;
}
.footer-nav .list li .china {
    position: absolute;
    left: 0;
    opacity: 0;
}

.footer-nav .hover li:hover {
    opacity: 1;
    cursor: pointer;
}

.footer-nav .list li a:hover .china {
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 1;
}

.footer-nav .list li a:hover .english {
    -webkit-transition: all .5s;
    transition: all .5s;
    opacity: 0;
}

.footer-nav .list .nav-name {
    font-size: 14px;
    opacity: 1;
    font-weight: normal;
    margin-bottom: 50px;
}
.footer-nav .list .nav-name h3{
    font-weight: normal;
}
.footer-nav .list li .icon {
    margin-right: 13px;
}

.footer-link {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 12px;
    color: #fff;
    margin-top: 65px;
}

.footer-link .link-title {
    float: left;
    opacity: .1;
}

.footer-link .meinfo-list {
    float: left;
    width: 1140px;
    overflow: hidden;
}

.footer-link .meinfo-list li {
    float: left;
    opacity: .1;
    margin: 0 12px;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.footer-link .meinfo-list li:hover {
    opacity: 1;
}

.footer-link .meinfo-list li a {
    font-size: 12px;
    color: #fff;
}

.footer-bottom {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    height: 120px;
    width: 1200px;
    line-height: 120px;
    border-top: 1px solid rgba(255, 255, 255, .1);
}

.footer-bottom .footer-icon {
    float: left;
    overflow: hidden;
    margin-top: 47px;
    color: #fff;
}

.footer-bottom .footer-icon li {
    float: left;
    width: 26px;
    height: 26px;
    margin-right: 16px;
    opacity: .5;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.footer-bottom .footer-icon li:hover {
    opacity: 1;
}

.footer-bottom .footer-icon li a {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 26px;
    line-height: 26px;
}

.footer-bottom .footer-icon li .icon {
    font-size: 26px;
}

.footer-bottom .num {
    float: right;
    color: #fff;
    font-size: 12px;
    opacity: .2;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.footer-bottom .num a{
    color:#fff;
}
/*
.footer-bottom .num:hover {
    opacity: 1;
}
*/

footer .erweima {
    position: absolute;
    right: 0;
    top: 160px;
}

footer .erweima img {
    display: block;
    width: 150px;
    height: 150px;
    margin-bottom: 30px;
}

.footer-wrap {
    width: 1200px;
    margin: 0 auto;
}
 



/***********index css ***********/
.banner_main {
	width: 100%;
	position: relative;
	/*margin-top:91px;*/
	z-index: 3;
}
.banner {
	width: 100%;
	min-width: 1000px;
	position: relative;
	overflow: hidden;
	z-index: 0;
	height: 600px;
}
.banner .list {
	max-height: 600px;
	overflow: hidden;
}
.banner li {
	width: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
}
.banner li img {
	width: 1920px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -960px;
	top: 0;
}
.banner li a {
	width: 100%;
	display: block;
}
.banner .tip {
	width: 100%;
	height: 20px;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 4%;
	z-index: 10;
}
.banner .tip span {
	width: 15px;
	height: 15px;
	overflow: hidden;
	margin: 0 5px;
	display: inline-block;
	cursor: pointer;
	vertical-align: top;
	text-indent: -1000px;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
	border: 3px solid #fff;
}
.banner .tip span.cur {
	background: #37B8DD;
}
.banner .prev, .banner .next {
	width: 24px;
	height: 44px;
	position: absolute;
	z-index: 12;
	top: 50%;
	margin-top: -22px;
	cursor: pointer;
	background-position: -48px -30px;
	display: none;
	-webkit-transition: all .0s ease-in-out 0s;
	-moz-transition: all .0s ease-in-out 0s;
	transition: all .0s ease-in-out 0s;
}
.banner .prev {
	left: 3%;
	background-position: -48px -30px;
}
.banner .prev:hover {
	background-position: -48px -80px;
}
.banner .next {
	right: 3%;
	background-position: -80px -30px;
}
.banner .next:hover {
	background-position: -80px -80px;
}

.aboutus {
    width: 100%;
    height: 520px;
    background-color: #FFFFFF;
}
.aboutus .con {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 1200px;
    height: 460px;
    margin: 60px auto 0 auto;
    background: white;
    box-shadow: 0 13px 32px 0 rgba(0, 0, 0, 0.1);
    position: relative;
}
.aboutus .con .left {
    display: inline-block;
    width: 600px;
    height: 460px;
    overflow: hidden;
}

.aboutus .con .right {
    display: inline-block;
    margin-left: -4px;
    width: 600px;
    height: 460px;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

 .aboutus .con .right .line_1 {
    margin-top: 50px;
    margin-left: 50px;
    height: 52px;
    width: 150px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
 .aboutus .con .right .line_1 .shu {
    width: 6px;
    height: 52px;
    background: black;
    display: inline-block;
}
 .aboutus .con .right .line_1 .title {
    display: inline-block;
    height: 52px;
}
 .aboutus .con .right .line_1 .title p:nth-of-type(1) {
    height: 29px;
    font-size: 30px;
    margin-left: 16px;
    font-family: PingFang SC;
    font-weight: bold;
    color: #222222;
}

.aboutus .con .right .line_1 .title p:nth-of-type(2) {
    height: 12px;
    font-size: 16px;
    margin-left: 16px;
    margin-top: 11px;
    font-family: PingFang SC;
    font-weight: 300;
    color: #222222;
}

 .aboutus .con .right .line_2 {
    height: 22px;
    font-size: 20px;
    font-family: PingFang SC;
    font-weight: 500;
    color: #222222;
    line-height: 44px;
    margin: 20px auto 28px 50px;
}

 .aboutus .con .right .line_3 {
    height: 146px;
    width: 486px;
    font-size: 18px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #666666;
    line-height: 32px;
    margin-left: 50px;
}

 .aboutus .con .right .line_4 {
    width: 195px;
    height: 52px;
    border: 1px solid #222222;
    border-radius: 26px;
    margin-top: 40px;
    margin-left: 50px;
}
 .aboutus .con .right .line_4 p {
    width: 100px;
    height: 16px;
    line-height: 16px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #222222;
    margin-left: 52px;
    margin-top: 18px;
}

 .aboutus .con .right .line_4 .right_jiantou {
    width: 24px;
    height: 8px;
    float: right;
    position: relative;
    top: -12px;
    right: 30px;
    background: url(../image/jiantou_black.png);
}
  /*核心业务*/
    .hxyw {
        width: 100%;
        /* height:700px; */
        background: rgba(246, 248, 252, 1);
        overflow: hidden;
        }

      .hxyw  .title {
            width: 100%;
            height: 30px;
            font-size: 30px;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(34, 34, 34, 1);
            line-height: 30px;
            text-align: center;
            margin-top: 80px;
        }

       .hxyw  .f4 {
            margin: 60px auto 0px auto;
            /* height: 400px; */
            width: 1100px;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            }

          .hxyw   .con {
                cursor: pointer;
                width: 284px;
                height: 80px;
                background: rgba(255, 255, 255, 1);
                box-shadow: 0 2px 24px 0 rgba(0, 0, 0, 0.1);
                border-radius: 8px;
                overflow: hidden;
                display: inline-block;}

              .hxyw   p {
                    text-align: center;
                }

            .hxyw     .title_img {
                    width: 82px;
                    height: 68px;
                    margin: 60px auto 0 auto;
                }

             .hxyw    .title {
                 text-align: center;
                    height: 24px;
                    font-size: 22px;
                    font-family: PingFang SC;
                    font-weight: bold;
                    color: rgba(34, 34, 34, 1);
                    line-height: 24px;
                    margin: 30px auto;
                }

              .hxyw   .lists {
                    height: 18px;
                    font-size: 16px;
                    font-family: PingFang SC;
                    font-weight: 400;
                    color: rgba(34, 34, 34, 1);
                    line-height: 18px;
                    margin-bottom: 20px;
                }
   

       .hxyw  .f4 div:nth-of-type(3n+0), .f4 div:nth-of-type(15), .f4 div:nth-of-type(15) {
            margin-left: 0;
            /* margin-right: 16px; */
			margin-bottom: 26px;
        }

.tuan{
    margin:10px auto;
    width:1400px;
  
}


.tuan a  img{
    
   width:1400px;

}


.project { 
    
    background-color: #406037;
        width: 100%;
        height: 1020px;
      
        overflow: hidden;   }

       .project  .title {
            margin-top: 80px;
            margin-bottom: 60px;
            width: 100%;
            height: 30px;
            font-size: 30px;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(255, 255, 255, 1);
            line-height: 30px;
            text-align: center;
        }

       .project  .con {
            border: 1px solid red;
            margin-left: 360px;
            overflow: hidden;
            width: 81.25%;
            height: 400px;  }

  .works_list {
  max-width: 1400px;  
  
  margin:0 auto;
      
  min-width: 1002px; }
  
  
  
  
  .works_list .work {
    width: 33.3%;
    float: left;
    overflow: hidden;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    position: relative;
    box-sizing: border-box; }
    .works_list .work img {
      display: block;
      width: 100%;
      max-width: 100%;
      position: relative;
      z-index: 1;
      border: 0;
      box-sizing: border-box;
      transition: transform 0.4s;
      -moz-transition: -moz-transform 0.4s;
      -webkit-transition: -webkit-transform 0.4s;
      -o-transition: -o-transform 0.4s;
      transform: scale(1.01, 1.01);
      -ms-transform: scale(1.01, 1.01);
      -webkit-transform: scale(1.01, 1.01);
      -o-transform: scale(1.01, 1.01);
      -moz-transform: scale(1.01, 1.01);
      transform-origin: center center;
      height: 0; }
    .works_list .work .top {
      position: absolute;
      z-index: 5;
      width: 100%;
      height: 100%;
      transition: background-color 0.6s;
      -moz-transition: background-color 0.6s;
      -webkit-transition: background-color 0.6s;
      -o-transition: background-color 0.6s;
      background-color: transparent;
      top: 0;
      left: 0;
      padding: 100px 45px;
      box-sizing: border-box; }
      .works_list .work .top .t1, .works_list .work .top .t2 {
        position: relative;
        text-transform: none;
        -moz-transform: translate(0, 15px);
        -webkit-transform: translate(0, 15px);
        -ms-transform: translate(0, 15px);
        -o-transform: translate(0, 15px);
        transform: translate(0, 15px);
        -webkit-transition: -webkit-transform .4s, opacity .4s;
        -moz-transition: transform .4s, opacity .4s;
        -o-transition: transform .4s, opacity .4s;
        transition: transform .4s, opacity .4s;
        opacity: 0;
        letter-spacing: .01em;
        line-height: 1.2;
        margin: 0 0 0 -2px;
        color: #ffffff; }
      .works_list .work .top .t1 {
        font-size: 30px; }
      .works_list .work .top .t2 {
        font-size: 20px;
        margin-top: 5px; }
    .works_list .work:hover img {
      transform: scale(1.03, 1.03) !important;
      -ms-transform: scale(1.03, 1.03) !important;
      -webkit-transform: scale(1.03, 1.03) !important;
      -o-transform: scale(1.03, 1.03) !important;
      -moz-transform: scale(1.03, 1.03) !important; }
    .works_list .work:hover .top {
      background-color: black;
      background-color: rgba(0, 0, 0, 0.7);
      filter: alpha(opacity=70); }
      .works_list .work:hover .top .t1, .works_list .work:hover .top .t2 {
        opacity: 1;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0); }
      .works_list .work:hover .top .t2 {
        -o-transition-delay: 0.2s, 0.2s;
        -webkit-transition-delay: 0.2s, 0.2s;
        -moz-transition-delay: 0.2s, 0.2s;
        transition-delay: 0.2s, 0.2s; }
        
        
    .cases .morecase {
    background-color: rgb(255, 255, 255);
    color: #333333;
    width: 232px;
    height: 52px;
    border: 4px solid rgba(51, 51, 51, .1);
    margin: 30px auto 30px;
    font-size: 14px;
    line-height: 52px;
    text-align: center;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
} 
 
 .nineui{
     
    width:100%; 
     
 }
 
        
         .star_customer {
    
        width: 100%;
        height: 610px;
        overflow: hidden;   }  

        .star_customer .title {
            height: 30px;
            font-size: 30px;
            font-family: PingFang SC;
            font-weight: bold;
            color: rgba(34, 34, 34, 1);
            line-height: 30px;
            text-align: center;
            margin-top: 80px;
        }

       .star_customer  .con {
            width: 1200px;
            height: 440px;
            margin: 60px auto 0 auto;
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;   }

          .star_customer   .lists {
                width: 204px;
                height: 100px;
                display: inline-block;
                box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
                margin-bottom: 38px;
                margin-right: 40px;
                overflow: hidden;   }

              .star_customer   img {
                    width: 100%;
                    height: 100%;
                }
         

           .star_customer  .lists:nth-of-type(5n) {
                margin-right: 0;
            }

   #block2 {
    width: 100%;
    background: url(../image/96260_3zhan.png) no-repeat;
    background-size: cover;
    height: 586px;
}

.block2 {
    width: 1300px;
    margin: 0 auto;
    padding-top: 40px;
}

.block2 h1 span {
    font-size: 24px;
    font-weight: 400;
    color: #fff;
    display: block;
    float: left;
    width: 100%;
    margin-top: 15px;
    text-align: center;
}

.block2 h1 {
    background: url(../image/96257_3zhan.png) no-repeat center 10px;
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    line-height: 36px;
    text-align: center;
    margin: 0px 0 20px;
    width: 100%;
    overflow: hidden;
}

.block2 dl {
    float: left;
    width: 300px;
    margin: 30px 20px 0 0;
}

.block2 dl  img{
 
    width: 260px;
  
}


.block2 dl dt {
    height: 56px;
    width: 220px;
    padding: 20px;
    background: #f7f8fa;
}

.block2 dl dt h6 {
    font-size: 18px;
    font-weight: 500;
    color: rgba(194,162,108,1);
    line-height: 25px;
}
.block2 dl dt h5 {
    font-size: 14px;
    font-weight: 400;
    color: rgba(0,0,0,1);
    line-height: 20px;
    width: 100%;
    margin-top: 5px;
}
        
  .index_con_box1 {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}
.index_con_box1_tou {
    overflow: hidden;
    padding-top: 30px;
    text-align: center;
}
.index_con_box1_tou_01 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #292b2c;
}
.index_con_box1_tou_01 {
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #292b2c;
}
.index_con_box1_tou_02 {
    width: 630px;
    height: 26px;
    border-bottom: 1px solid #b60029;
    margin: 0 auto;
    margin-bottom: 25px;
}
.index_con_box1_tou_02>span {
    display: inline-block;
    height: 52px;
    line-height: 52px;
    padding: 0 50px;
    background: #fff;
    font-size: 26px;
    color: #b60029;
}
.index_con_box1_cont {
    overflow: hidden;
    margin-top: 50px;
    width: 1200px;
    font-size: 14px;
    color: #000000;
    background: url(https://0.rc.xiniu.com/g2/M00/48/44/CgAGfFo7df2Ac9YMAABGO9rFgas512.png) center top no-repeat;
}
.index_con_box1_cont_01, .index_con_box1_cont_03 {
    float: left;
    padding-left: 54px;
    width: 340px;
}

.index_con_box1_cont_01_titl {
    color: #b60029;
}

.index_con_box1_cont_01_titl, .index_con_box1_cont_02_titl {
    height: 58px;
    line-height: 58px;
    font-size: 20px;
    overflow: hidden;
}
.index_con_box1_cont_01_neir, .index_con_box1_cont_02_neir {
    margin-top: 14px;
    height: 160px;
    overflow: hidden;
}
.index_con_box1_cont_02, .index_con_box1_cont_04 {
    float: right;
    padding-right: 54px;
    width: 340px;
}

.index_con_box1_cont_02_titl {
    color: #b60029;
    text-align: right;
}

.index_con_box1_cont_01, .index_con_box1_cont_03 {
    float: left;
    padding-left: 54px;
    width: 340px;
}
.index_con_box1_cont_03_neir, .index_con_box1_cont_04_neir {
    height: 100px;
    overflow: hidden;
}
.index_con_box1_cont_03_titl {
    color: #b60029;
}

.index_con_box1_cont_03_titl, .index_con_box1_cont_04_titl {
    height: 60px;
    line-height: 60px;
    font-size: 20px;
}
.index_con_box1_cont_03_titl {
    color: #b60029;
}